<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
	  layout:decorate="main">
<head>
	<meta charset="UTF-8">
	<title>产品查询</title>
	<link th:href="@{/localcss/appinfolist.css}" href="../static/localcss/appinfolist.css" rel="stylesheet">

	<script th:src="@{/js/jquery.min.js}" src="../static/js/jquery.min.js"></script>
	<script th:src="@{/localjs/rollpage.js}" src="../static/localjs/rollpage.js"></script>
	<script th:src="@{/localjs/appinfolist.js}" src="../static/localjs/appinfolist.js"></script>
</head>
<body>
<div layout:fragment="content">
	<div class="clearfix"></div>
	<div class="row">
		<div class="col-md-12">
			<div class="x_panel">
				<div class="x_title">
					<h2>
						产品查询<i class="fa fa-user"></i>
						<small><span th:text="${session.loginUser.usrName}"></span>
						</small>
					</h2>
					<div class="clearfix"></div>
				</div>
				<div class="x_content">
					<form method="post" action="/basd/product" th:action="@{/basd/product}">
						<input type="hidden" name="pageIndex" th:value="${productPage.number+1}" value="1" />
						<ul>
							<li>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12">产品</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="prodName" type="text"
											   class="form-control col-md-7 col-xs-12"
											   th:value="${prodName}" value="">
									</div>
								</div>
							</li>

							<li>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12">型号</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="prodType" type="text"
											   class="form-control col-md-7 col-xs-12"
											   th:value="${prodType}" value="">
									</div>
								</div>
							</li>

							<li>
								<div class="form-group">
									<label class="control-label col-md-3 col-sm-3 col-xs-12">批次</label>
									<div class="col-md-6 col-sm-6 col-xs-12">
										<input name="proBatch" type="text"
											   class="form-control col-md-7 col-xs-12"
											   th:value="${proBatch}" value="">
									</div>
								</div>
							</li>
							<li><button type="submit" class="btn btn-primary">查
								&nbsp;&nbsp;&nbsp;&nbsp;询</button></li>
						</ul>
					</form>
				</div>
			</div>
		</div>
		<div class="col-md-12 col-sm-12 col-xs-12">
			<div class="x_panel">

				<div class="x_content">
					<p class="text-muted font-13 m-b-30"></p>
					<div id="datatable-responsive_wrapper"
						 class="dataTables_wrapper form-inline dt-bootstrap no-footer">
						<div class="row">
							<div class="col-sm-12">
								<table id="datatable-responsive"
									   class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
									   cellspacing="0" width="100%" role="grid"
									   aria-describedby="datatable-responsive_info"
									   style="width: 100%;">
									<thead>
									<tr role="row">
										<th class="sorting_asc" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="First name: activate to sort column descending"
											aria-sort="ascending">编号
										</th>
										<th class="sorting" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="Last name: activate to sort column ascending">
											名称
										</th>
										<th class="sorting" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="Last name: activate to sort column ascending">
											型号
										</th>
										<th class="sorting" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="Last name: activate to sort column ascending">
											等级/批次
										</th>
										<th class="sorting" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="Last name: activate to sort column ascending">
											单位
										</th>
										<th class="sorting" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="Last name: activate to sort column ascending">
											单价(元)
										</th>
										<th class="sorting" tabindex="0"
											aria-controls="datatable-responsive" rowspan="1" colspan="1"
											aria-label="Last name: activate to sort column ascending">
											备注
										</th>
									</tr>
									</thead>
									<tbody>
									<tr th:each="pro : ${productPage.content}" role="row" class="odd">
										<td th:text="${pro.prodId}"></td>
										<td th:text="${pro.prodName}"></td>
										<td th:text="${pro.prodType}"></td>
										<td th:text="${pro.proBatch}"></td>
										<td th:text="${pro.prodUnit}"></td>
										<td th:text="${pro.prodPrice}"></td>
										<td th:text="${pro.prodMemo}"></td>
									</tr>
									</tbody>
								</table>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-5">
								<div class="dataTables_info" id="datatable-responsive_info"
									 role="status" aria-live="polite">共<span th:text="${productPage.totalElements}">999</span>条记录
									<span th:text="${productPage.number + 1}"></span>/<span th:text="${productPage.totalPages}"></span>页
								</div>
							</div>
							<div class="col-sm-7">
								<div class="dataTables_paginate paging_simple_numbers"
									 id="datatable-responsive_paginate">
									<ul class="pagination">
										<li class="paginate_button previous" th:if="${productPage.number gt 0}"><a
												href="javascript:page_nav(document.forms[0],1);"
												aria-controls="datatable-responsive" data-dt-idx="0"
												tabindex="0">首页</a></li>
										<li class="paginate_button " th:if="${productPage.number gt 0}"><a
												href="#" th:onclick="'javascript:page_nav(document.forms[0],'+${productPage.number}+');'"
												aria-controls="datatable-responsive" data-dt-idx="1"
												tabindex="0">上一页</a></li>
										<li class="paginate_button " th:if="${(productPage.number+1) lt productPage.totalPages}"><a
												href="#" th:onclick="'javascript:page_nav(document.forms[0],'+${productPage.number+2}+');'"
												aria-controls="datatable-responsive" data-dt-idx="1"
												tabindex="0">下一页</a></li>
										<li class="paginate_button next" th:if="${(productPage.number+1) lt productPage.totalPages}"><a
												href="#" th:onclick="'javascript:page_nav(document.forms[0],'+${productPage.totalPages}+');'"
												aria-controls="datatable-responsive" data-dt-idx="7"
												tabindex="0">最后一页</a></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>